<template>
	<view>

        <view class="bottom">

            <view class="phone">
                <img :src="jimg['79a1e3a62496248b9817df7b4d794c27']"/>
                <p>热线咨询</p>
            </view>
            
           
            <view class="person ">
                <img :src="imageList['39d4943dbf5d426d26c51983eaf8593b']"/>
                <p class="name">分享</p>
            </view>

            <view class="dian">帮你找房</view>
            <view class="liu">我要咨询</view>

        </view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageList:[]
			}
        },
        props: {
            jimg:{
                type: Array,
            }
        },
        onLoad(e) {
		    this.initData();
	    },
		methods: {
			initData(){
				this.$api.getImage({
					ids: '39d4943dbf5d426d26c51983eaf8593b,79a1e3a62496248b9817df7b4d794c27'
				},
				res => {
					this.imageList = res;
				});
			}
		}
	}
</script>

<style scoped>
    .bottom{
        display: flex;
    }

    .person,.phone{
        width: 120rpx;
        font-size: 24rpx;
        color: #3e4a59;
    }
    .phone{
        border-right: 1px solid #999;
        margin-top: 14rpx;
        margin-left: 40rpx;
    }
    .phone>img{
        height: 36rpx;
        width: 36rpx;   
        margin-left: 38rpx;
    }
    .phone>p{
        text-align: center;
    } 
    .person>img{
        height: 36rpx;
        width: 36rpx;
        margin-top: 14rpx;
        margin-left: 38rpx;
    }
    .person>p{
        text-align: center;
    }
    
    .dian,.liu{
        margin-top: 20rpx;
        width: 192rpx;
        height: 72rpx;
        line-height: 72rpx;
        text-align: center;
        color: #fff;
        font-size: 30rpx;
        margin-left: 20rpx;
        border-radius: 6rpx;
    }
    .dian{
        background: #13c3c3;
    }
    .liu{    
        background: #fa5f35;   
    }
    
	
</style>
